<template>
	<view class="uCenterBom_cont">
		<view class="list" v-for="(item,index) in myNotes">
			<image :src="item.images | fg" mode="widthFix" class="imgs"></image>
			<view class="conts">
				<view class="font23">
					{{ item.title }}
				</view>
				<view class="sec">
					<view class="lt">
						<u-avatar :src="item.liked" shape="circle" size="24"></u-avatar>
						<text>{{ item.title }}</text></view>
					<view class="rt">
						<uni-icons color="#000" :type="false ? 'heart-filled':'heart'" size="14"></uni-icons>
						<text>{{ item.userId }}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		name:"notes",
		props:{
			myNotes:{
				type:Array,
				default:''
			}
		},
		data() {
			return {
				
			};
		},
		filters:{
			fg(val){
				let img = val.split(',');
				return img[0]
			}
		}
	}
</script>

<style lang="scss">
.uCenterBom_cont{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 24rpx;
	.list{
		background: #F8F8F8;
		border-radius: 15rpx;
		overflow: hidden;
		width: calc(50% - 10rpx);
		margin-bottom: 20rpx;
		.imgs{
			width: 100%;
		}
		.conts{
			padding: 12rpx 15rpx;
			.font23{
				color: #252525;
				font-size: 23rpx;
				font-weight: bold;
				white-space:nowrap;
				overflow:hidden;
				text-overflow:ellipsis;
			}
			.sec{
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: 12rpx;
				.lt{
					display: flex;
					align-items: center;
					text{
						color: #666666;
						font-size: 19rpx;
						margin-left: 8rpx;
					}
				}
				.rt{
					text{
						color: #666666;
						font-size: 19rpx;
						margin-left: 4rpx;
					}
				}
			}
		}
	}
}	
</style>